Micron Document
<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>Conditional Comments</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/Conditional_Comments"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.pygments.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Conditional_Comments rootpage-Conditional_Comments skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Conditional Comments</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><p><b>Conditional Comments</b> (kurz: <i>CC</i>; englisch für: <i>bedingte Kommentare</i>) sind <a href="Kontrollstruktur" title="Kontrollstruktur">Kontrollstrukturen</a> in <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a>-Dokumenten, die nur vom <a href="Microsoft" title="Microsoft">Microsoft</a> <a href="Internet_Explorer" title="Internet Explorer">Internet Explorer</a> und Programmen aus der <a href="Microsoft_Office" title="Microsoft Office">Microsoft-Office</a>-Reihe (z.&nbsp;B. <a href="Microsoft_Word" title="Microsoft Word">Microsoft Word</a>) interpretiert werden. Sie bieten die Möglichkeit, je nach Programmversion eines <a href="HTML-Renderer" class="mw-redirect" title="HTML-Renderer">HTML-Renderers</a>, unterschiedliches HTML auszuführen. Ab dem Internet Explorer&nbsp;10 wird diese Form der <a href="Browserweiche" title="Browserweiche">Browserweiche</a> für <a href="Quirks-Modus#Quirks-Modi_in_Webbrowsern" title="Quirks-Modus">standardkonforme HTML-Seiten</a> nicht mehr unterstützt.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>
</p>

<div class="mw-heading mw-heading2"><h2 id="HTML-Syntax">HTML-Syntax</h2></div>
<p>Die Verwendung erfolgt analog zu echten HTML-Kommentaren (<code>&lt;!-- <i>Kommentar</i> --&gt;</code>):
</p><p><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><span class="cp">&lt;!--[if 'Bedingung']&gt;</span></code><i>Anweisungen</i><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><span class="cp">&lt;![endif]--&gt;</span></code>
</p><p>Der Internet Explorer prüft die formulierte Bedingung und interpretiert den Inhalt, wenn die Bedingung zutrifft. Es ist durch vorgegebene Vergleichsoperatoren und -werte möglich, unterschiedliche Versionen des Browsers anzusprechen. Andere <a href="User_Agent" title="User Agent">User Agents</a> interpretieren diese Struktur als syntaktisch korrekten Kommentar und ignorieren den Inhalt.
</p><p>Bei der Verwendung des standardkonformen Modus entfällt im Internet Explorer ab Version 10 die Möglichkeit, Conditional Comments zu nutzen. Das Konstrukt wird dann ebenfalls nur als Kommentar behandelt.
</p>
<div class="mw-heading mw-heading3"><h3 id="Werte_(Auswahl)"><span id="Werte_.28Auswahl.29"></span><span id="werte"></span> Werte (Auswahl)</h3></div>
<table class="wikitable">

<tbody><tr>
<th>Wert
</th>
<th>Funktion
</th>
<th>Beispiel
</th></tr>
<tr>
<td><code>! IE</code>
</td>
<td>wenn kein Internet Explorer
</td>
<td><code>&lt;!--[if !IE]&gt;</code>
</td></tr>
<tr>
<td><code>IE</code>
</td>
<td>wenn Internet Explorer
</td>
<td><code>&lt;!--[if IE]&gt;</code>
</td></tr>
<tr>
<td><code>IE 5.5</code>
</td>
<td>wenn Internet Explorer Version 5.5
</td>
<td><code>&lt;!--[if IE 5.5]&gt;</code>
</td></tr>
<tr>
<td><code>IE 8</code>
</td>
<td>wenn Internet Explorer Version 8
</td>
<td><code>&lt;!--[if IE 8]&gt;</code>
</td></tr>
<tr>
<td><code>mso</code>
</td>
<td>wenn Microsoft Office
</td>
<td><code>&lt;!--[if mso]&gt;</code>
</td></tr>
<tr>
<td><code>mso 15</code>
</td>
<td>wenn Microsoft Office 2013
</td>
<td><code>&lt;!--[if mso 15]&gt;</code>
</td></tr>
<tr>
<td><code>vml</code>
</td>
<td>wenn <a href="Vector_Markup_Language" title="Vector Markup Language">VML</a> unterstützt wird
</td>
<td><code>&lt;!--[if vml]&gt;</code>
</td></tr></tbody></table>
<p>Wenn es nötig wird, können Bedingungen auch geklammert werden.
</p>
<div class="mw-heading mw-heading3"><h3 id="Operatoren">Operatoren</h3></div>
<table class="wikitable">

<tbody><tr>
<th>Operator
</th>
<th>Funktion
</th>
<th>Beispiel
</th></tr>
<tr>
<td><code>!</code>
</td>
<td>Nicht-Operator
</td>
<td><code>&lt;!--[if!(IE 6)]&gt;</code> (wenn nicht IE 6)
</td></tr>
<tr>
<td><code>lt</code>
</td>
<td>Kleiner-als-Operator
</td>
<td><code>&lt;!--[if lt IE 6]&gt;</code> (wenn kleiner als IE 6)
</td></tr>
<tr>
<td><code>lte</code>
</td>
<td>Kleiner-gleich-Operator
</td>
<td><code>&lt;!--[if lte IE 6]&gt;</code> (wenn kleiner als oder gleich IE 6)
</td></tr>
<tr>
<td><code>gt</code>
</td>
<td>Größer-als-Operator
</td>
<td><code>&lt;!--[if gt IE 6]&gt;</code> (wenn größer IE 6)
</td></tr>
<tr>
<td><code>gte</code>
</td>
<td>Größer-gleich-Operator
</td>
<td><code>&lt;!--[if gte IE 6]&gt;</code> (wenn größer als oder gleich IE 6)
</td></tr>
<tr>
<td><code>&amp;</code>
</td>
<td>Und-Operator
</td>
<td><code>&lt;!--[if mso &amp;!vml]&gt;</code> (wenn Office-Programm ohne VML-Unterstützung)
</td></tr>
<tr>
<td><code>|</code>
</td>
<td>Oder-Operator
</td>
<td><code>&lt;!--[if mso | ie]&gt;</code> (wenn Office-Programm oder IE)
</td></tr></tbody></table>
<div class="mw-heading mw-heading3"><h3 id="Umkehrung">Umkehrung</h3></div>
<p>Normalerweise verstecken bedingte Kommentare Anweisungen vor User-Agents, die diese nicht verstehen. Microsoft spricht hierbei von „downlevel-hidden“, also „vor älteren Browsern versteckten“, Kommentaren. Diese Wirkung lässt sich aber auch umkehren (sogenannte „downlevel-revealed“-Kommentare):
</p><p><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><span class="cp">&lt;![if lt IE 7]&gt;</span></code><i>Anweisungen für IE vor Version 7 und andere Browser</i><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><span class="cp">&lt;![endif]&gt;</span></code>
</p><p>Hierbei handelt es sich nicht mehr um einen HTML-Kommentar, sondern um syntaktisch fehlerhaftes und somit invalides Markup. Die betreffende Bedingung wird nur vom Internet Explorer ausgewertet. Andere Browser interpretieren die Zeichenfolgen <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><span class="cp">&lt;![if lt IE 7]&gt;</span></code> und <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><span class="cp">&lt;![endif]&gt;</span></code> als ungültige Tags und stellen nur den Inhalt dazwischen dar.
Syntaktisch korrekt und valide nach <a href="World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a> ist folgende Syntax:
</p><p><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><span class="cm">&lt;!--[if lt IE 7]&gt;--&gt;</span></code><i>Anweisungen für IE vor Version 7</i><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><span class="cm">&lt;!--&lt;![endif]--&gt;</span></code>
</p><p>Um Code im Internet Explorer &lt; 10 auszuführen und einen alternativen Code für andere Browser einzubinden, eignet sich die nachfolgende Variante. Da alternative Browser mit conditional comments nichts anfangen können, darf der Code für den alternativen Browser nicht <i>innerhalb</i> eines Kommentars stehen, sondern muss <i>zwischen</i> zwei Kommentaren stehen:
</p>
<div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span> <span class="cm">&lt;!--[IF IE]&gt;Dieser Inhalt wird vom Internet Explorer älter als Version 10 ausgeführt&lt;![ENDIF]--&gt;</span>
<span class="cm">&lt;!--[IF !IE]&gt;--&gt;</span>Dieser Inhalt wird von allen anderen Browsern ausgeführt<span class="cm">&lt;!-- &lt;![ENDIF]--&gt;</span>
</pre></div>
<div class="mw-heading mw-heading2"><h2 id="Bedeutung_für_Outlook_2007"><span id="Bedeutung_f.C3.BCr_Outlook_2007"></span>Bedeutung für Outlook 2007</h2></div>
<p>Die Darstellung von E-Mails im HTML-Format unter Outlook 2007 wird nicht mehr von einer Komponente des Internet Explorers, sondern von Microsoft Word übernommen.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> Zusätzlich sind aus Sicherheitsgründen verschiedene HTML-Features (wie Formulare oder Scripte) unter Outlook 2007 nicht verfügbar.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup> Die Darstellung von HTML-E-Mail kann mit bedingten Kommentaren für Outlook angepasst werden, um z.&nbsp;B. bei Newslettern eine Alternative zu einem Eingabeformular anzubieten.
</p><p><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><span class="cp">&lt;!--[if gte mso 12]&gt;</span></code><i>Anweisungen für Office 2007 und größer</i><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><span class="cp">&lt;![endif]--&gt;</span></code>
</p>
<div class="mw-heading mw-heading2"><h2 id="JavaScript_und_JScript">JavaScript und JScript</h2></div>
<p>Seit dem Internet Explorer 4 (JScript 3.0) gibt es einen ähnlichen Mechanismus für <a href="JavaScript" title="JavaScript">JavaScript</a>. Der im IE verwendete <a href="JScript" title="JScript">JScript</a>-Interpreter wertet folgende Syntax aus, die von anderen Interpretern nur als Kommentar erkannt wird. Microsoft nennt das Verhalten „bedingte Kompilierung“.<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="w"> </span><span class="o">&lt;</span><span class="nx">script</span><span class="w"> </span><span class="nx">type</span><span class="o">=</span><span class="s2">"text/javascript"</span><span class="o">&gt;</span>
<span class="w"> </span><span class="cm">/*@cc_on @*/</span>
<span class="w"> </span><span class="cm">/*@if (@_jscript_version &gt;= 5.5)</span>
<span class="cm"> // dieser Bereich ist für jscript-Interpreter &gt;= v5.5 sichtbar</span>
<span class="cm"> @else @*/</span>
<span class="w"> </span><span class="c1">// dieser Bereich wird alternativ dazu ausgeführt</span>
<span class="w"> </span><span class="cm">/*@end @*/</span>
<span class="w"> </span><span class="o">&lt;</span><span class="err">/script&gt;</span>
</pre></div>
<p>Diese Syntax ist in ähnlicher Form auch in den Sprachumfang von <a href="JScript_.NET" title="JScript .NET">JScript .NET</a> aufgenommen worden.<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading2"><h2 id="Siehe_auch">Siehe auch</h2></div>
<ul><li><a href="Browserweiche" title="Browserweiche">Browserweiche</a></li></ul>
<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>
<ul><li><a rel="nofollow" class="external text" href="https://www.css4you.de/wsbw/index.html#bwiecc">Browserweiche für Internet Explorer mit Conditional Comments</a></li>
<li><a rel="nofollow" class="external text" href="https://msdn.microsoft.com/de-de/library/ms537512.aspx">Über Conditional Comments</a> im <a href="Microsoft_Developer_Network" title="Microsoft Developer Network">MSDN</a> (englisch)</li>
<li>Jens Meiert: <a rel="nofollow" class="external text" href="https://meiert.com/en/blog/20070201/why-conditional-comments-are-bad-repeat-bad/">Kritik an Conditional Comments</a> (englisch)</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>
<ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://blogs.msdn.com/b/ie/archive/2011/07/06/html5-parsing-in-ie10.aspx">HTML5 Parsing in IE10</a></span>
</li>
<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://support.microsoft.com/kb/933793"><i>Outlook 2007 uses only Word as the e-mail editor</i>.</a> <a href="Microsoft_Developer_Network" title="Microsoft Developer Network">MSDN</a>, Stand 3. April 2007.</span>
</li>
<li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><i>Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007</i> <a rel="nofollow" class="external text" href="https://msdn.microsoft.com/de-de/library/aa338201.aspx">(1/2)</a> <a rel="nofollow" class="external text" href="https://msdn.microsoft.com/de-de/library/aa338200.aspx">(2/2)</a>. MSDN, Stand August 2006.</span>
</li>
<li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://www.microsoft.com/technet/archive/ie/reskit/ie4/Part6/part6d.mspx?mfr=true"><i>Conditional Compilation</i></a> im microsoft.com/technet</span>
</li>
<li id="cite_note-5"><span class="mw-cite-backlink"><a href="#cite_ref-5">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://msdn.microsoft.com/de-de/library/eb0w91wa(VS.80).aspx">@cc_on-Anweisung</a> bei <a href="Microsoft_Developer_Network" title="Microsoft Developer Network">MSDN</a></span>
</li>
</ol></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-12-12" href="https://de.wikipedia.org/wiki/?title=Conditional_Comments&amp;oldid=262354075">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>

</body></html>